<script setup lang="ts">
import Spin from "@/components/spin/spin.vue"
import {loading as useLoading,lang as useLang} from "@/store"


const lang=useLang()
const loading=useLoading()

</script>

<template>
<el-config-provider :locale="lang.elementLang">
 <router-view></router-view>
</el-config-provider>

<div class="globalLoading" v-show="loading.isLoading">
    <Spin/>
</div>

</template>

<style lang='scss' scoped>
  .globalLoading{
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(248, 247, 247,.5);
    z-index: 9999999999999999999999999999999999;
  }

</style>

